<template>
    <div id=''>
        <!-- <el-pagination @current-change="handleCurrentChange" :current-page.sync="obj.pageNum" :page-size="obj.pageSize"
            layout="prev, pager, next, jumper" :total="obj.total">
        </el-pagination> -->
        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="obj.pageNum"
            :page-sizes="[10, 20, 30, 40]" :page-size="obj.pageSize" layout="total, sizes, prev, pager, next, jumper"
            :total="obj.total">
        </el-pagination>
    </div>
</template>

<script>
    import {} from 'vuex'
    import {
        // Table,
        // TableColumn,
        Pagination
    } from 'element-ui'
    export default {
        components: {
            Pagination,
            'el-pagination': Pagination,
        },
        props: ['obj'],
        data() {
            return {

            };
        },
        methods: {
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
                this.$emit('pagesize', val)
            },
            handleCurrentChange(val) {
                this.$emit('pagenum', val)
            },
        },
        mounted() {

        },
        computed: {}
    }
</script>
<style lang='scss' scoped>
</style>